<%@ page language="java" isELIgnored="false" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib prefix="city" uri="/city_query"%>
<%-- <script type="text/javascript"
	src="<%=request.getContextPath()%>/fare/js/jquery-1.6.4.min.js"></script> --%>
<city:cityScript msg=""></city:cityScript>
<script type='text/javascript'
	src='<%=request.getContextPath()%>/fare/js/cityquery/querycity.js'></script>
<link href='<%=request.getContextPath()%>/fare/js/cityquery/cityquery.css' rel="stylesheet" type="text/css" />
<link rev="stylesheet" media="all" href="<%=request.getContextPath() %>/fare/css/form_style.css" type="text/css" rel="stylesheet">	
<style>
	.button{
width: 40px;
line-height: 38px;
text-align: center;
font-weight: bold;
color: #fff;
text-shadow:1px 1px 1px #333;
border-radius: 5px;
position: relative;
overflow: hidden;
}
.button:nth-child(6n){
margin-right: 0;
}
.button.gray,#cityExchangeButton{
color: #8c96a0;
text-shadow:1px 1px 1px #fff;
border:1px solid #dce1e6;
box-shadow: 0 1px 2px #fff inset,0 -1px 0 #a8abae inset;
background: -webkit-linear-gradient(top,#f2f3f7,#e4e8ec);
background: -moz-linear-gradient(top,#f2f3f7,#e4e8ec);
background: linear-gradient(top,#f2f3f7,#e4e8ec);

}

</style>
<script type="text/javascript">

	/* $(function() {
		$("#deadflapCity").val("${fromCity}");
		alert("${fromCity}");
		$("#arrCity").val("${toCity}");
	}) */
	function exchangeCity() {
		var tempName = $("#${empty param.fromCityId?'depCity':param.fromCityId}").val();
		var tempCode = $("#${empty param.fromCityCodeId?'depCityCode':param.fromCityCodeId}").val();
		$("#${empty param.fromCityId?'depCity':param.fromCityId}").val($("#${empty param.toCityId?'arrCity':param.toCityId}").val());
		$("#${empty param.fromCityCodeId?'depCityCode':param.fromCityCodeId}").val($("#${empty param.toCityCodeId?'arrCityCode':param.toCityCodeId}").val());
		$("#${empty param.toCityId?'arrCity':param.toCityId}").val(tempName);
		$("#${empty param.toCityCodeId?'arrCityCode':param.toCityCodeId}").val(tempCode);
		if($.isFunction(extendSwapCity)) extendSwapCity();
	}
</script>
<input type="text" style="width: 100px" name="${empty param.fromCityName?'fromCity':param.fromCityName}" id="${empty param.fromCityId?'depCity':param.fromCityId}"
	value="${(param.fromCity==null || param.fromCity=='') ? '中文/拼音' : param.fromCity}">
<input type="text" style="display: none;" name="${empty param.fromCityCodeName?'fromCityCode':param.fromCityCodeName}"
	id="${empty param.fromCityCodeId?'depCityCode':param.fromCityCodeId}" value="${param.fromCityCode}">
<span>~</span>
<input type="text" style="width: 100px" name="${empty param.toCityName?'toCity':param.toCityName}" id="${empty param.toCityId?'arrCity':param.toCityId}"
	value="${(param.toCity==null || param.toCity=='') ? '中文/拼音' : param.toCity}">
<input type="text" style="display: none;" name="${empty param.toCityCodeName?'toCityCode':param.toCityCodeName}"
	id="${empty param.toCityCodeId?'arrCityCode':param.toCityCodeId}" value="${param.toCityCode}">
	
	<input type="button" style="width:40px;height: 20px;" value="交换" id = "cityExchangeButton" onclick="javascript:exchangeCity();">
	<!-- <button style="text-align: center;" type="button" class="button gray" id = "cityExchangeButton" onclick="javascript:exchangeCity();">交换</button> -->
<font color="red">*</font>